<!DOCTYPE html>
<html>
<head>
    <title>日记类别列表</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__/style.css" />
    <script type="text/javascript" src="__JS__/jquery2.js"></script>
    <script type="text/javascript" src="__JS__/jquery2.sorted.js"></script>
    <script type="text/javascript" src="__JS__/bootstrap.js"></script>
    <script type="text/javascript" src="__JS__/ckform.js"></script>
    <script type="text/javascript" src="__JS__/common.js"></script>

    <style type="text/css">
        body {font-size: 20px;
		font-size: 20px;
            padding-bottom: 40px;
            background-color:#e9e7ef;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
</head>
<body >
<table class="table table-bordered table-hover definewidth m10">
    <thead>
    <tr>
	    <th>ID<input type="checkbox"></th>
        <th>日记类别</th>
        <th>添加日期</th>
		<th>动作</th>
    </tr>
    </thead>

        <tr>
                <td>1<input type="checkbox" class="tids"></td>
                <td>心情</td>
				<td>2016-10-11</td>
                <td> <a href="#">修改</a> &nbsp;<a href="#">删除</a></td>
               
        </tr>
		
		<tr>
		        <td colspan="8" ><a href="#">全删</a>&nbsp;&nbsp;这里显示分页</td>
		</tr>
           
       
       </table>

</body>
</html>
